<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模板字符串</title>
</head>
<body>
    <script>

        var a = 10
        var b = 20
        console.log(a+'+'+ b + '=' + (a + b));

        // 如果拼接的内容较多时，很容易拼错。
        // 可以采用模板字符串的方式简化拼接的过程

        console.log(`${a}+${b}=${a+b}`);

        // 模板字符串就是一对反引号``，在里面通过 ${表达式} 的方式输出语句
        // `${}`

        var xingming = '周杰伦'
        var gender = '男'
        var age = 40
        var address = '台北'
        var job = '歌手'
        console.log('姓名：'+ xingming + '，性别：'+gender+'，年龄：'+age+'，地址：'+address+'，工作：'+job);
        console.log(`姓名：${xingming}，性别：${gender}，年龄：${age}，地址：${address}，工作：${job}`);
        
        // 需要拼接的变量太多，反复用+号拼接，容易出错。
        // 当拼接的变量太多时，建议用模板字符串的方式

        // 输出双引号
        console.log('"平生至此"');         
        // 输出单引号
        console.log("'欢喜是你'");         
        // \'就表示输出单引号
        console.log('\'平生至此\'');       
        // \t 表示水平制表符
        console.log('平生至此\t欢喜是你');  
        // \n 表示换行符
        console.log('平生至此\n欢喜是你');  
        // \\ 表示输出\ 
        console.log('平生至此\\欢喜是你');  
        
        // 在模板字符串可以更好的输出'' "" ，并且不容易出错














    </script>












</body>
</html>